function mostrarCrearEvento()
{
	//Miramos a ver si esta minimizada
	var listaMinimizadas = $("#taskBar a");
	var minimizado = false;
	var pos = 0;
	while (minimizado == false && pos < listaMinimizadas.length)
	{
      if($(listaMinimizadas[pos]).text() == "Crear nuevo evento")
      {
		$(listaMinimizadas[pos]).click();
		minimizado = true;
	  }
	  else
		pos++;
    }
	
	//Solo mostramos si no existe la ventana
	if(minimizado == false && $(".window_title_text:contains(Crear nuevo evento)").length == 0)
	{
		//Se van a usar ids globables porque solo va a haber una ventana de eventos abierta
		var dialogo=$("<table>"+
		"<tr>"+
			'<td>Titulo </td><td><input type="text" id="tituloEvento" name="titulo" class="text ui-widget-content ui-corner-all" />&nbsp;<span id="errorTitulo"></span></td>'+
		"</tr>"+
		"<tr>"+
			'<td>Fecha </td><td><input type="text" id="fechaEvento"  name="fecha" class="text ui-widget-content ui-corner-all" />&nbsp;<span id="errorFecha"></span></td>'+
		"</tr>"+
	"</table>"+
	"<br>	"+
	"<div>"+
			'<di id="contenidoEvento"></div>'+
	"</div><br><br>"+
	"<p>"+
	'<a href="javascript:void(0)" id="but-crear_evento" class="dialog_link ui-state-default ui-corner-all"><span class="ui-icon ui-icon-circle-check"></span>Crear evento</a>'+
    '<a href="javascript:void(0)" id="but-cancelar_evento" class="dialog_link ui-state-default ui-corner-all"><span class="ui-icon ui-icon-circle-close"></span>Cancelar</a>'+
	"</p>");
		var ed;
		var crearEvento = $.window({
				width:420,
				height: 400,
				z:0, //Se pone a 0 para que se vea el datepicker
			   title: "Crear nuevo evento",
			   content: dialogo, // load window_block8 html content
			   footerContent: '<div id="eventosFooter">Rellena los campos para crear el evento</div>',
			   containerClass: "portlet ui-widget ui-widget-content ui-helper-clearfix ui-corner-all",
			   headerClass: "portlet-header-centro ui-widget-header ui-corner-all",
			   frameClass: "portlet-content",
			   footerClass: "portlet-content",
			   onClose: function() { // a callback function while user click close button
			      var ed = $('#contenidoEvento');
				
				if(ed.val().length > 0)
				{
					jConfirm("Parece que no has terminado de crear el evento, quieres salir sin crearlo?","Confirmar cierre", 
					function (r)
					{
						if(r)
							crearEvento.close(true);
					});
				}else return true;
				}
			});
		ed = $("#contenidoEvento");
		ed.editor({height:200, width:400});
		var fecha = $("#fechaEvento");	
		fecha.attr("readonly","readonly");
		fecha.datepicker({
			showButtonPanel: true,
			altFormat: 'dd-mm-yy',
			dateFormat: 'dd-mm-yy',
			dayNames: ['Domingo', 'Lunes', 'Martes', 'Miercoles', 'Jueves', 'Viernes', 'Sabado'],
			dayNamesMin: ['Do', 'Lu', 'Ma', 'Mi', 'Ju', 'Vi', 'Sa'],
			dayNamesShort: ['Do', 'Lu', 'Ma', 'Mi', 'Ju', 'Vi', 'Sa'],
			monthNames: ['Enero','Febrero','Marzo','Abril','Mayo','Junio','Julio','Agosto','Septiembre','Octubre','Noviembre','Diciembre'],
			firstDay: 1,
			buttonText: 'Elegir',
			closeText: 'Cerrar',
			currentText: 'Hoy',
			minDate: new Date(),
			showOn: 'button', buttonImage: 'img/calendar.gif'
			
		});    
		
		//Decorar los botones
		$('#but-crear_evento, ul#icons li').hover(
				function() { $(this).addClass('ui-state-hover'); }, 
				function() { $(this).removeClass('ui-state-hover'); }
		);
		
		//Decorar los botones
		$('#but-cancelar_evento, ul#icons li').hover(
				function() { $(this).addClass('ui-state-hover'); }, 
				function() { $(this).removeClass('ui-state-hover'); }
		);
		
		
		$('#but-cancelar_evento').click(function(){
			crearEvento.close();
		});
		
		$('#but-crear_evento').click(function(){
			var correcto = true;
			if($("#tituloEvento").val().length == 0)
			{
				$("#tituloEvento").addClass("ui-state-error");
				$("#tituloEvento").focus();
				$("#errorTitulo").text("Escribe un titulo");
				$("#eventosFooter").text("Por favor escribe un titulo")
				correcto = false;
			}else{
				$("#tituloEvento").removeClass("ui-state-error");
				$("#errorTitulo").text("");
			}
			
			if($("#fechaEvento").val().length == 0)
			{
				$("#fechaEvento").addClass("ui-state-error");
				$("#fechaEvento").focus();
				$("#errorFecha").text("Selecciona una fecha");
				$("#eventosFooter").text("Por favor seleccina una fecha")
				correcto = false;
			}else{
				$("#fechaEvento").removeClass("ui-state-error");
				$("#fechaEvento").focus();
				$("#errorFecha").text("");
			}
			
			if(ed.html().length == 0)
			{
				ed.focus();
				correcto = false;
				$("#eventosFooter").text("Por favor escribe un contenido")
			}
			
			if(correcto)
			{
				url="consultasAjax.php?seccion=eventos&fecha="+$("#fechaEvento").val()+"&tituloNuevoEvento="+$("#tituloEvento").val();
				ed.editor({send: url, callback: function(data){ enviarCrearEvento(data) }});
				$("#eventosFooter").text("Creando evento...");
			}
		});
	}
}

function construirListaEventos(data){ 
	var eventosContenedor = $("#listaEventos");
	$.each(data, function(i,evento){
		var eventoDiv = $("<div>");
		if(evento.dentroDe > 1)
			eventoDiv.append("<a class='ui-helper-reset' href='#evento&uuid="+evento.id+"&nEvento="+evento.nEvento+"'>"+evento.titulo+" en <b>"+evento.dentroDe+" d&iacute;as</b></a>");
		else if(evento.dentroDe == 1)
		{
			eventoDiv.append("<a class='ui-helper-reset' href='#evento&uuid="+evento.id+"&nEvento="+evento.nEvento+"'>"+evento.titulo+" <b>ma&ntilde;ana</b></a>");
		}else{
			eventoDiv.append("<a class='ui-helper-reset' href='#evento&uuid="+evento.id+"&nEvento="+evento.nEvento+"'>"+evento.titulo+" <b>hoy</b></a>");
			eventoDiv.addClass("ui-state-highlight");
		}
		
		eventosContenedor.append(eventoDiv);
	});
	$("#listaEventos").fadeIn("slow");
}

function enviarCrearEvento(data)
{
	datos = (eval("(" + data + ")"));
	window.location.href = "#evento&uuid="+datos.uuid+"&nEvento="+datos.nEvento;
	mensajeSistema("Nuevo evento creado");
	$(".window_title_text:contains(Crear nuevo evento)").parent().parent().remove();
}

$(document).ready(function() {
	$.getJSON("consultasAjax.php?seccion=listaEventos&dias=7",construirListaEventos);
	
	//hover states on the static widgets
				$('#crear_evento_link, ul#icons li').hover(
					function() { $(this).addClass('ui-state-hover'); }, 
					function() { $(this).removeClass('ui-state-hover'); }
				);
				
				$('#ver_evento_link, ul#icons li').hover(
					function() { $(this).addClass('ui-state-hover'); }, 
					function() { $(this).removeClass('ui-state-hover'); }
				);

				$('#ver_evento_link').click(function(){
					window.location.href = "#eventos&tipo=proximos";				
				});

				$('#crear_evento_link').click(function(){
					
					mostrarCrearEvento();
					
				});
});
